/*
 * zVisualizer
 * http://code.google.com/p/zviz/
 * Copyright (c) 2009 Kenneth Ko | Licensed under GPL
 * 
 * This file is part of zVisualizer.
 *
 * zVisualizer is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * zVisualizer is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>. 
 * 
 * $Date: $
 * $Rev: $ 
 */

 /** sprite: icons; sprite-image: url('zviz-sprite.png'); sprite-layout: vertical; */ 
 
#zVisualizer {position:absolute !important; z-Index: 99999 !important; width: 600px; height: 350px; text-align: left !important; border: 1px solid #333333; /*_border: 0px none;*/ background-color: #F1EDED !important; padding: 3px !important; overflow:hidden !important; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;}
#zVisualizer div.hd { height: 20px; background-color: black !important; color: white !important; padding: 0 8px; font-family: "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif" !important; font-size: 13px !important; position:relative !important; }
#zVisualizer div.hd a.reload , #zVisualizer div.hd a.close, #zVisualizer div.hd a.toggleSecondary { text-decoration: none; display:block; width: 16px; height: 16px; font-size: 0 !important; position: absolute; top: 2px; cursor: pointer; background: no-repeat scroll 0 0;}
#zVisualizer div.hd a.close { 
	right: 2px; 
	background-image: url(images/close.gif); /** sprite-ref: icons; */ 
}
#zVisualizer div.hd a.reload {  
	right: 20px; 
	background-image: url(images/refresh.gif);  /** sprite-ref: icons; */ 
}
#zVisualizer div.hd a.toggleSecondary { right: 38px; }
#zVisualizer div.hd a.toggleSecondaryMinus {  
	background-image: url(images/magMinus.gif);  /** sprite-ref: icons; */ 
}
#zVisualizer div.hd a.toggleSecondaryPlus {   
	background-image: url(images/magPlus.gif);   /** sprite-ref: icons; */ 
}
#zVisualizer div.results { font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; background-color: white !important; color: black !important;padding: 3px 0 0 3px!important;  overflow:auto !important; border: 1px solid #DFDFDF !important; border-top: 0px none !important; height: 315px;}
#zVisualizer div.ft { font-size: 10px !important; font-family: Arial, Helvetica, sans-serif !important; height: 11px !important; line-height: 11px !important; background-color: #F1EDED !important; padding-left: 5px !important;}
#zVisualizer div.children {padding-left:14px;  }
#zVisualizer span.xtrigger { float:left; display:inline; width:11px; height: 11px; font-size:0 !important; background: transparent no-repeat scroll 0 2px; cursor: pointer;}
#zVisualizer span.xtrigger.plus { 
	background-image: url(images/plus.gif);  /** sprite-ref: icons; sprite-margin-top: 2px */ 
}
#zVisualizer span.xtrigger.minus { 
	background-image: url(images/minus.gif);   /** sprite-ref: icons; sprite-margin-top: 2px */ 
}
#zVisualizer .resultElem p {margin:0;padding-bottom: 3px; cursor: default;font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important;}
#zVisualizer .selected {color: white !important; background-color: #3399FF !important; _zoom: 1;}
#zVisualizer .resultElem span.nodeStr { display:block; }
#zVisualizer .resultElem span.warning { 
	color: red; padding-left: 14px; display:inline-block; text-decoration:none; 
	background: transparent scroll no-repeat 0 0;
	background-image: url(images/warning.gif);  /** sprite-ref: icons; */ 
}
#zVisualizer , #zVisualizer  * { opacity: 1; }
#zVisualizer .resultElem p.L4 { color: #EF720E; }
#zVisualizer div.secondary { display: none; }
#zVisualizerShim {display:block;position:absolute;top:-1px;left:-1px;_top:3px;_left:3px;z-index:0;filter:Alpha(Opacity='0');}
/*--------------------------------
jqueryUI
----------------------------------*/
#zVisualizer .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
#zVisualizer .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
#zVisualizer .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
#zVisualizer .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
#zVisualizer .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
#zVisualizer .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%;}
#zVisualizer .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
#zVisualizer .ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: 0px; bottom: 0px; }
#zVisualizer .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
#zVisualizer .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
#zVisualizer .ui-icon-gripsmall-diagonal-se{
	background: transparent scroll no-repeat 0 0;
	background-image:url(images/resize.gif);	 /** sprite-ref: icons; */ 
	height:16px;
	width:16px;	
}

/*--------------------------------
tooltip
----------------------------------*/
#zVisualizerTooltip {
	position: absolute !important;
	border: 1px solid #111 !important;
	background-color: #eee !important;
	padding: 2px !important;
	z-index: 100000 !important;
}
#zVisualizerTooltip h3, #zVisualizerTooltip div { 
	font-size: 10px !important; 
	font-family: "Arial","Helvetica","Verdana","sans-serif" !important; 
	font-weight: normal !important; 
	margin: 0 !important; 
}
